﻿@charset "utf-8";
@import "../zic_mixin";

/*#region FormError */
.inputContainer {position: relative;float: left;}

.formError {position: absolute;top: 300px;left: 300px;display: block;z-index: 5000;cursor: pointer;
	.formErrorContent {@include border-radius(2px);@include box-shadow(0 0 3px #000);
		width: 100%;background: $c-error-red;position:relative;z-index:5001;color: #fff;font-size:12px;border: 1px solid $c-error-red-b;padding: 4px 10px;}
	.formErrorArrow {width: 15px;margin: -2px 0 0 13px;position:relative;z-index: 5006;}
	.formErrorArrowBottom {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0px 0 0 12px;top:2px;}
	.formErrorArrow div {@include box-shadow(0 2px 3px #444);
		border-left: 1px solid $c-error-red-b;border-right: 1px solid $c-error-red-b;font-size: 0px;height: 1px;background: $c-error-red;
		margin: 0 auto;line-height: 0;font-size: 0;display: block;
	}
	.formErrorArrowBottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
	.formErrorArrow .line10 {width: 15px;border: none;}
	.formErrorArrow .line9 {width: 13px;border: none;}
	.formErrorArrow .line8 {width: 11px;}
	.formErrorArrow .line7 {width: 9px;}
	.formErrorArrow .line6 {width: 7px;}
	.formErrorArrow .line5 {width: 5px;}
	.formErrorArrow .line4 {width: 3px;}
	.formErrorArrow .line3 {width: 1px;}
	.formErrorArrow .line2 {width: 1px;border: none;}
	.formErrorArrow .line1 {width: 0;border: none;}
}

.ajaxSubmit {padding: 20px;background: $c-error-green;border: 1px solid $c-error-green-b;display: none}
.greenPopup .formErrorContent {background: $c-error-green;}
.blackPopup .formErrorContent {background: $c-error-black;color: #FFF;}
.greenPopup .formErrorArrow div {background: $c-error-green;border-color:$c-error-green-b;}
.blackPopup .formErrorArrow div {background: $c-error-black;color: #FFF;}
/*#endregion FormError */